// The ui-variables file is provided by base themes provided by Atom.
//
// See https://github.com/atom/atom-dark-ui/blob/master/styles/ui-variables.less
// for a full listing of what's available.
@import "ui-variables";
//@import url("atom://MaPerWiki/resources/font-awesome");

.orphaned-WikiPage
{
  color:red !important;
}

@font-face {
  font-family: 'Font Awesome';
  src: url("atom://MaPerWiki/resources/fonts/fontawesome-webfont.woff") format('woff');
}
/* Needed Font Awesome variables */
@fa-var-angle-double-down: "\f103";
@fa-var-angle-double-up: "\f102";
@fa-var-refresh: "\f021";
@fa-var-angle-down: "\f107";
@fa-var-angle-right: "\f105";
@fa-var-times: "\f00d";

.maperwiki-required
{
  border-color: red;
  background: mistyrose;
}
atom-workspace.maximize-preview {
  atom-pane-container {
    position:relative;
    atom-pane.mpe  {
      position:absolute;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      z-index: 1000;
    }
  }
}
atom-workspace.maximize-editor {
  atom-pane-container {
    position:relative;
    atom-pane.mpwEditor  {
      position:absolute;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      z-index: 1000;
    }
  }
}

.maperwiki-linkchecker-statusbar
{
  padding: 0 10px;
  font-weight:bold;
}
.maperwiki-linkchecker-statusbar:hover
{
  text-decoration: underline;
  cursor: pointer;
}

.maperwiki-search-status
{
  padding: 3px;
  min-height: @component-line-height;
}
.panel-heading > span.loading-spinner-tiny {
  margin-right: 15px;
}
.maperwiki-panel-button
{
  cursor: pointer;
}
.maperwiki-panel-contents
{
  padding: 10px;
}
.maperwiki-search-results-item > div.maperwiki-search-results-item-header,
.maperwiki-search-results-item > div.maperwiki-search-file-item,
{
  cursor: pointer;
}

.maperwiki-search-file-entries
{
  margin-left:50px;
  cursor: pointer;
}
.maperwiki-search-file-item
{
  margin-left:24px;
}

.maperwiki-search-results-item
{
  white-space: nowrap;
}

.maperwiki-search-section
{
  display:flex;
  flex-wrap:wrap;
  width:100%;
}
.maperwiki-panel-title-close
{
  position:absolute;
  right:0;
  cursor: pointer;
}
.maperwiki-search-box
{
  flex: 100 1 25em;
}
.maperwiki-search-actions-wrapper
{
  /*flex: 1 1 25em;*/
}
.maperwiki-search-actions
{
  padding-left:10px;
}

.maperwiki-search-actions .btn
{
  padding: 0.1em 2em;
}
.maperwiki-search-actions .btn > .icon
{
  width: 20px;
  height: 16px;
  vertical-align: middle;
  fill: currentColor;
  stroke: currentColor;
}

.maperwiki-export-list-container,
.maperwiki-export-options
{
  display:table-cell;
  padding:3px 5px;
}

.maperwiki-export-group
{
  display:flex;
  align-items: stretch;
}

.maperwiki-export-options
{
  min-width: 400px;
  max-width: 600px;
}
.maperwiki-export-options div
{
}
.maperwiki-export-options label
{
  display: block;
}
.maperwiki-export-actions select
{
  background: @button-background-color;
  border: 1px solid @button-border-color;
  border-radius: @component-border-radius;
  font-family: @font-family;
  color:@text-color;
  font-size: 1.25em;
  padding-bottom: 0;
  padding-top: 0;
}
.maperwiki-export-options select:hover,
.maperwiki-export-options select:focus
{
  background: @button-background-color-hover;
  box-shadow:none;
}
/* EXPORT drag and drop section */

.maperwiki-dndList .epanel
{
  margin: 5px;
  border: 1px solid silver;
  border-radius: 5px;
}
.maperwiki-dndList .epanel .panel-heading {
    background: @button-background-color-hover;
    color:@text-color;
}
.maperwiki-dndList .epanel .panel-heading h3 {
    margin: 0;
}

.maperwiki-export-list-container
{
  min-width: 500px;
  position: relative;
  >ul
  {
    border: 1px solid @panel-heading-border-color;
  }
  .list-tree
  {
      min-height:10px;
  }
  .dndDraggingSource{
      display: none;
  }
  .dndPlaceholder
  {
    min-height:2px;
    background: @background-color-info;
  }
  .selected::before
  {
    margin:0 6px;
  }
  .highlight-info
  {
    text-align: center;
    padding: 20px;
  }

}
/*new-elements*/
.new-elements .dnd-button{
    border: 1px solid #41B883;
    text-align: center;
    height: 40px;
    border-radius: 4px;
    line-height: 40px;
    background-color: #41B883;
    color: #fff;
    cursor: move;
}
.disable-element .dnd-button{
    background-color: #E32822;
    border: 1px solid #E32822;
    cursor: pointer;
}
.selected{
}
.mpw-trashcan
{
  .dndPlaceholder
  {
    display:none;
  }
}
.mpwHidden
{
  display: none;
}

.maperwiki-export div.btn-toolbar {
  background: @pane-item-background-color;
  border-top:1px solid @pane-item-border-color;
  padding: @component-padding;
}

@treeviewFontSize : 14px;
@hoverColor : rgba(255,255,255,0.5);
@activeColor : red;
@headerSpace: 20px;

.treeview div{
  display:table;
  width: 100%;
  overflow: hidden;
}
.treeview div:hover{
  background:rgba(0,0,0,0.05);

}
.fa-icon(@name) {
    font-family: 'Font Awesome';
    @content: "fa-var-@{name}";
    &:before {content: @@content}
}
.treeview-item-text
{
  cursor: pointer;
&:hover { text-decoration: none; /*color:@hoverColor;*/ }
  &:active { color:@activeColor; }
}
.treeview span {
  font-size: @treeviewFontSize;
  display: table-cell;
}
.maperwiki-toc-icon
{
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    cursor: pointer;
    width: @treeviewFontSize;
    height: @treeviewFontSize;
    font-size: @treeviewFontSize;
    text-decoration: none;
    &:hover { text-decoration: none; color:@hoverColor; }
    &:active { color:@activeColor; }
    /*
    */
}
.maperwiki-toc-expand-all
{
  .maperwiki-toc-icon();
  .fa-icon(angle-double-down);
}
.maperwiki-toc-collapse-all
{
  .maperwiki-toc-icon();
  .fa-icon(angle-double-up);
}
.maperwiki-toc-update-toc
{
  .maperwiki-toc-icon();
  .fa-icon(refresh);
}

span.indent + span.treeview-item-text,
.treeview li > div > :first-child[class=treeview-item-text]{
  padding-left:@headerSpace;
}
.arrow-expanded{
  .maperwiki-toc-icon();
  .fa-icon(angle-down);
    width: @headerSpace;
    text-align: center;
    min-width:@headerSpace;
    max-width:@headerSpace;
}
.arrow-collapsed{
  .maperwiki-toc-icon;
  .fa-icon(angle-right);
    width: @headerSpace;
    text-align: center;
    min-width: @headerSpace;
    max-width: @headerSpace;
}

.maperwiki-toc-toolbar
{
  .maperwiki-toc-padding(10px);
  background: rgba(0,0,0,0.3);
  border-bottom: 2px solid #818181;
}

.treeview *{
  /*overflow-x: hidden;*/
}

.treeview{
  list-style: none;
  margin: 0;
  .maperwiki-toc-padding(0, 0);
  display: flex;
  flex: 3 0px;
  overflow: auto;
  flex-direction: column;
  }
.treeview ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.treeview .indent {
    /*display: inline-block; */
    width: @headerSpace;
    min-width: @headerSpace;
    max-width: @headerSpace;
}

.maperwiki-toc-padding(@topBottom, @leftRight: 10px){
  padding:@topBottom @leftRight;
}
.maperwiki-toc-contents{
  white-space:nowrap;
  display: flex;
  flex-direction:column;
  margin-right:5px;
}
.marperwiki-toc-header{
  margin-bottom:10px;
  font-size:14px;
  font-weight:bold;
  border-bottom: 2px solid #818181;
  background: rgba( 101, 101, 101, 0.2 );
  .maperwiki-toc-padding(9px);
  margin: 0;
  overflow: hidden;
}


.wordcount-statusbar-text{
  padding:0 3px;
}
.wordcount-statusbar:hover{
  text-decoration: underline;
  cursor:pointer;
}

.wordcount-statistics-close{
  float:right;
  .fa-icon(times);
  //.fa-lg;
  cursor:pointer;
}
.wordcount-statistics
{
   padding:10px;
}
.wordcount-statistics h1
{
    text-align:center;
}
.wordcount-statistics-row
{
  display:flex;
}
.flexMixin()
{
  width:50%;
  padding: 3px 5px;
}
.wordcount-statistics-right
{
  .flexMixin();
  font-weight:bold;
}
.wordcount-statistics-left
{
  .flexMixin();
  text-align:right;
}
